$('#addClassesBtn').click(function () {
    $.ajax({
        url: '/classes/addClasses',
        type: 'POST',
        data: {
            name: $('#addClassesName').val()
        },
        success(res) {
            if (res.code) {
                alert('班级新增成功');
                renderClasses();
            }
        }
    })
})

// renderClasses();

async function renderClasses() {
    // 接收 promise 中 resolve 出来的班级数据
    const classeData = await getClassesData();
    // 渲染成 table
    classesTable(classeData);
    // 渲染成 select
    classesSelect(classeData);
}

function classesTable(classeData) {

}

function classesSelect(classeData) {
    const selectHtml = classeData.map(item => `<option value="${item._id}">${item.name}</option>`).join('');
    $('#selectClasses').html(selectHtml);
}

// 获取所有班级数据
function getClassesData() {
    return new Promise((resolve, reject) => {
        $.ajax({
            url: '/classes/getClasses',
            type: 'GET',
            success(res) {
                if (res.code) {
                    resolve(res.data);
                }
            }
        })
    })
}